<% include "/WEB-INF/includes/cabeceira.gtpl" %>



<div id="content" class="group column span-16 colborder last">
<div id="calendario"></div>

<input type="text" name="fechaInicioSt" id="fechaInicio" readonly="true"/>

<input type="text" id="alternate" readonly="true" />

</div> <!-- /content -->    

<% include "/WEB-INF/includes/pe.gtpl" %>


<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-i18n.js" type="text/javascript"></script>


<!-- activate tabs with JavaScript --> 
<script type="text/javascript"> 
jQuery(function() {

	creaDatePicker('#fechaInicio');
	//creaDatePicker('#calendario');
	
	
});
</script>

<script type="text/javascript">
function creaDatePicker(id) {

	var fecha = ${new Date().format('dd/MM/yyyy')};
    
     jQuery.datepicker.setDefaults(jQuery.extend({showMonthAfterYear: false}));
     jQuery(id).datepicker(
       {
         //showOn: 'focus',
         inline:true,
         changeYear:true,
         showAnim:'fadeIn',
         buttonImage: "/images/date.png",
         buttonImageOnly: true,
         altField: '#alternate', 
         altFormat: 'DD, d MM, yy',

         onClose: function(dateText, inst) {
             jQuery(id).change();
             jQuery(id).blur();
         },
         onSelect: function(dateText, inst) {
             jQuery(id).change();
             jQuery(id).blur();
         }

       }
     );

     jQuery(id).datepicker('option',
         jQuery.extend({showMonthAfterYear: false},
         jQuery.datepicker.regional['es'])
     );

     jQuery(id).datepicker('option', 'changeYear', true);

     jQuery(id).datepicker('option', 'yearRange', '1980:2020');

     //var date = jQuery.datepicker.parseDate('dd/mm/yy',fecha);

     jQuery(id).datepicker('setDate',fecha);

}




</script> 


<% include "/WEB-INF/includes/fin.gtpl" %>


